<style>#binding{  position: absolute;  top: 60px;  text-align: center;  right: 10%;  }  #binding-img > div{  display: inline-block;  background: red;  width: 120px;  height: 120px;  border-radius: 50%;  }  #binding button{  padding: 3px 20px;  color: #FF7E00;  border-color: #FF7E00;  margin-top: 15px;  }  #customerInfoForm input,#customerInfoForm select{width:157px;height:28px;padding-left:5px;border:none;cursor:not-allowed;pointer-events:none;}#customerInfoForm .styleShow{border:1px solid #999999;pointer-events:auto;cursor:auto;}#remarks{cursor:not-allowed;pointer-events:none;}#customerInfoForm select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}</style>
<div class="home_box" id="customerInfoForm">
    <div style="display: none">
        <input type="hidden" id="reservationsId" value="${customerInfo.reservationsId}">
        <input type="hidden" id="customerId" value="${customerInfo.id}">
        <input type="hidden" id="provinceValue" value="${customerInfo.province}">
        <input type="hidden" id="citiesValue" value="${customerInfo.cities}">
        <input type="hidden" id="regionValue" value="${customerInfo.region}">
        <input type="hidden" id="customerSexValue" value="${customerInfo.sex}">
        <input type="hidden" id="oneMediumValue" value="${customerInfo.oneMedium}">
        <input type="hidden" id="twoMediumValue" value="${customerInfo.twoMedium}">
        <input type="hidden" id="thrMediumValue" value="${customerInfo.thrMedium}">
        <input type="hidden" id="oneChannelValue" value="${customerInfo.oneChannel}">
        <input type="hidden" id="twoChannelValue" value="${customerInfo.twoChannel}">
        <input type="hidden" id="thrChannelValue" value="${customerInfo.thrChannel}">
        <input type="hidden" id="occupationValue" value="${customerInfo.occupation}">
        <input type="hidden" id="refereeShipValue" value="${customerInfo.refereeShip}">
        <input type="hidden" id="maritalStatusValue" value="${customerInfo.maritalStatus}">
        <input type="hidden" id="customerStatus" value="${customerInfo.customerStatus}">
        <input type="hidden" id="isHaveChildrenValue" value="${customerInfo.isHaveChildren}">
        <input type="hidden" id="customerPhoneValue" value="${customerInfo.customerPhone}">
        <input type="hidden" id="medicalRecordNumber" value="${customerInfo.medicalRecordNumber}">
        <input type="hidden" id="consumptionHabits" value="">
        <input type="hidden" id="characters" value="">
        <input type="hidden" id="consumAbility" value="">
        <input type="hidden" id="orthodonticNumberValue" value="${customerInfo.orthodonticNumber}">
    </div>
    <div id="editInformation" style="padding: 15px 5px 5px;overflow: hidden;position: relative;">
        <div class="col-sm-12" style="border-bottom: 1px solid #cccccc"><h4>个人信息</h4></div>
        <div class="col-sm-12">
            <ul class="ul_flex">
                <li>
                    <ul>
                        <li><span>姓名：<a href="javascript:;" style="color: red">*</a></span><input autocomplete="off" type="text" id="customerName" value="${customerInfo.customerName}"></li>
                        <li><span>性别：</span><select id="customerSex"><option value="1">男</option><option value="2">女</option></select></li>
                        <li><span>省份：</span><select id="province"></select></li>
                        <li><span>城市：</span><select id="cities"></select></li>
                        <li><span>区域：</span><select id="region"></select></li>
                        <li><span>地址：</span><input autocomplete="off" type="text" id="address" value="${customerInfo.address}"></li>
                        <li><span>电话：</span>${customerInfo.customerPhone} ${customerInfo.phoneSharShip}</li>
                        <li><span>电话2：</span>${customerInfo.customerPhone2}</li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li><span>病历号：</span>${customerInfo.medicalRecordNumber}</li>
                        <li><span>生日：</span><input autocomplete="off" type="text" id="birthday" value="${customerInfo.birthday}" maxlength="10"></li>
                        <li><span>年龄：</span><input autocomplete="off" type="text" id="customerAge" maxlength="2" value="${customerInfo.customerAge}" oninput="value=value.replace(/[^\d]/g,'')"></li>
                        <li><span>职业：</span><select id="occupation">
                            <option value="">请选择</option>
                            @for(str in occupationList){
                            <option value="${str.occupation}">${str.occupation}</option>
                            @}
                        </select></li>
                        <li><span>状态：</span>${customerInfo.customerStatus}</li>
                        <li><span>推荐人：</span><input autocomplete="off" type="text" id="referee" value="${customerInfo.referee}"></li>
                        <li><span>推荐人关系：</span><select id="refereeShip">
                            <option value="">请选择</option>
                            @for(str in refereeShipList){
                            <option value="${str.refereeShip}">${str.refereeShip}</option>
                            @}
                        </select></li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li><span>QQ号：</span><input autocomplete="off" type="text" id="qqNumber" value="${customerInfo.qqNumber}" oninput="value=value.replace(/[^\d]/g,'')"></li>
                        <li><span>微信号：</span><input autocomplete="off" type="text" id="wechatNumber" value="${customerInfo.wechatNumber}"></li>
                        <li><span>身份证：</span><input autocomplete="off" type="text" id="idCardNo" value="${customerInfo.idCardNo}"></li>
                        <li><span>婚姻状况：</span><select id="maritalStatus"><option value="0">请选择</option><option value="1">已婚</option><option value="2">未婚</option><option value="3">离异</option></select></li>
                        <li><span>有无小孩：</span><select id="isHaveChildren"><option value="0">请选择</option><option value="1">有</option><option value="2">无</option></select></li>
                        <li><span>黄页编号：</span><input autocomplete="off" type="text" id="yellowNumber" value="${customerInfo.yellowNumber}"></li>
                        <li><span>正畸编号：</span>${customerInfo.orthodonticNumber}</li>
                    </ul>
                </li>
            </ul>
        </div>
        <div id="binding">
            <div id="binding-img"><div></div></div>
            <div id="binding-btn-Determine"><button type="button" class="btn btn-default">绑定</button></div>
            <div id="binding-btn-cancel"><button type="button" class="btn btn-default">解绑</button></div>
        </div>
    </div>
    <div style="padding:10px 5px;overflow: hidden;">
        <div class="col-sm-12" style="border-bottom: 1px solid #cccccc"><h4>项目信息</h4></div>
        <div class="col-sm-12">
            <ul class="ul_flex col-sm-12">
                <li>
                    <ul>
                        <li><span>到店门诊：</span>${customerInfo.arrivalStore}</li>
                        <li><span>一级渠道：</span>${customerInfo.oneChannel}</li>
                        <li><span>二级渠道：</span>${customerInfo.twoChannel}</li>
                        <li><span>三级渠道：</span>${customerInfo.thrChannel}</li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li><span>首次建档人：</span>${customerInfo.firstArchiving}</li>
                        <li><span>一级媒介：</span>${customerInfo.oneMedium}</li>
                        <li><span>二级媒介：</span>${customerInfo.twoMedium}</li>
                        <li><span>三级媒介：</span>${customerInfo.thrMedium}</li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li><span>首次到店时间：</span>${customerInfo.firstArrivalTime}</li>
                        <li><span>首次咨询项目：</span>${customerInfo.firstAppointmentPayService}</li>
                        <li><span>初诊TC：</span>${customerInfo.firstFieldTc}</li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div>
        <div class="col-sm-12">
            <p>备注</p>
            <textarea id="remarks" name="remarks" rows="4" style="width: 75%">${customerInfo.remarks}</textarea>
        </div>
    </div>
    <div>
        <div class="col-sm-12 btnBoxBj">
            <button class="btn" type="button" onclick="updateCustomer()">保存</button>
            <button class="btn" type="button" onclick="editInformation()">编辑</button>
            <button class="btn" type="button" onclick="parent.layer.close(parent.layer.getFrameIndex(window.name))">取消</button>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/arrival/customer/update_channel_info.js?v=20200718"></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/jsAddresss.js?v=20200718"></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/initAddress.js?v=20200718"></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/initMedium.js?v=20200718"></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/jsMedium.js?v=20200718"></script>